<template>
  <div>
    <button @click="handleRef">通过 ref 获取子组件实例</button>
    <component-a ref="comA"></component-a>
  </div>
</template>
<script>
export default {
  data(){
    return{
      message: '',
    }
  },
  mounted(){
  },
  methods:{
    handleRef(){
      var msg = this.$refs.comA.message;
      console.log(msg);
    }
  },
  components:{
    'component-a':{
      template: '<div>子组件</div>',
      data(){
        return{
          message: '子组件内容'
        }
      }
    }
  }
}
</script>
<style scoped>

</style>


